<ul class="pagination pagination-sm no-margin pull-right">
    <li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
	$(()=>{
		//在pageId对象上注册click事件，当点击pageId对象对应的子元素是，执行doJumpToPage函数
		$("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage);
	})

	//分页事件处理函数
	function doJumpToPage(){
		//1.获取被点击对象的class属性值
		//prop为jQuery中获取对象属性或为属性赋值的一个函数
		//基本语法为：pro（属性名【，属性值】）；假设没有指定属性值则表示获取属性值
		let cls=$(this).prop("class");//$(this)指向被点击的对象
		//console.log(cls);
		//2.基于class属性值修改当前页码值
		//2.1获取当前页码值以及总页数
		let pageCurrent=$("#pageId").data("pageCurrent");
		let pageCount=$("#pageId").data("pageCount");
		//2.2修改当前页码值
		if(cls=="first"){
			pageCurrent=1;
		}else if(cls=="pre"&&pageCurrent>1){
			pageCurrent--;
		}else if(cls=="next"&&pageCurrent<pageCount){
			pageCurrent++;
		}else if(cls=="last"){
			pageCurrent=pageCount;
		}else {
			return;
		}
		//3.基于新的页码值重新执行查询
		//3.1存储新的页码值,局部变量外界拿不到把修改以后的变量值重新再来一次存储
		$("#pageId").data("pageCurrent",pageCurrent);
		//3.2重新执行查询
		doGetObjects();
	}
	//var pageCurrent;
	//初始化页面上的分页信息
	function doSetPagination(pageObject){
		$(".rowCount").html(`总记录数DDDD(${pageObject.rowCount})`);
		$(".pageCount").html(`总页数(${pageObject.pageCount})`);
		$(".pageCurrent").html(`当前页(${pageObject.pageCurrent})`);
		//pageCurrent=pageObject.rowCount;
		//在PageId存储当前页码值和总页数，其目的是在需要时，可以直接pageId中获取
		//data函数为jQuery中存储数据和获取数据的一个函数
		//data函数语法data（key【，value】）假设没有指定value则表示基于key取值
		$("#pageId").data("pageCurrent",pageObject.pageCurrent);
		$("#pageId").data("pageCount",pageObject.pageCount);
	}
</script>








